<template>
<div>1</div>
    <!-- <div class="con">
        <div class="diskInfoWrap">
            <el-form
                :inline="true"
                :model="searchParams"
                style="width: 100%"
                size="small"
                class="formInline"
                :modal-append-to-body="false"
                label-width="80px"
            >
                <el-row>
                    <el-form-item label="所属机构：">
                        <el-col>
                            <SelectTreeCom
                                v-model="searchParams.jyjg"
                                :isAll="false"
                                @initFinished="getList"
                                ref="SelectTreeCom"
                            ></SelectTreeCom>
                        </el-col>
                    </el-form-item>
                    <el-form-item label="是否关注：">
                        <el-select
                            v-model="searchParams.sfgz"
                            placeholder="请选择"
                            clearable
                        >
                            <el-option label="是" value="1"></el-option>
                            <el-option label="否" value="0"></el-option>
                        </el-select>
                    </el-form-item>

                    <el-form-item label="负数业务编号：" label-width="100px">
                        <el-input v-model="searchParams.fuywbh"></el-input>
                    </el-form-item>
                </el-row>
                <el-row>
                    <el-form-item label="操作日期：">
                        <el-date-picker
                            style="max-width: 285px"
                            v-model="searchParams.czrq"
                            type="daterange"
                            start-placeholder="开始日期"
                            end-placeholder="结束日期"
                            @change="changeCzrqDate"
                            value-format="yyyy-MM-dd"
                            :default-time="['00:00:00', '23:59:59']"
                        ></el-date-picker>
                    </el-form-item>
                    <el-form-item label="处理状态：">
                        <el-select
                            v-model="searchParams.clzt"
                            placeholder="请选择"
                            clearable
                        >
                            <el-option label="未处理" value="0"></el-option>
                            <el-option label="已处理" value="1"></el-option>
                        </el-select>
                    </el-form-item>
                    <el-form-item label="投保单号：" label-width="100px">
                        <el-input
                            v-model="searchParams.tbdh"
                        ></el-input>
                    </el-form-item>
                </el-row>
                <el-row>
                    <el-form-item label="识别日期：" >
                        <el-date-picker
                            style="max-width: 285px"
                            v-model="searchParams.sbrq"
                            type="daterange"
                            start-placeholder="开始日期"
                            end-placeholder="结束日期"
                            @change="changeSbrqDate"
                            value-format="yyyy-MM-dd"
                            :default-time="['00:00:00', '23:59:59']"
                        ></el-date-picker>
                    </el-form-item>
                    <el-form-item label="处理类型：">
                        <dict-select
                            v-model="searchParams.cllx"
                            showCode
                            :dict-code="DictCode.FU_MANAGER_CLLX"
                        ></dict-select>
                    </el-form-item>
                    <el-form-item label="原业务编号：" label-width="100px">
                        <el-input v-model="searchParams.ywbh"></el-input>
                    </el-form-item>


                </el-row>
            </el-form>
        </div>
        <el-row style="margin-bottom: 5px">
            <el-button
                @click="dealDialog"
                type="primary"
                size="small"
                :disabled="dealView"
            >
                处理
            </el-button>
            <el-button
                @click="focusMessage"
                type="primary"
                size="small"
                :disabled="dealView"
            >
                关注
            </el-button>
            <el-button
                @click="takeView"
                type="primary"
                size="small"
                :disabled="showView"
            >
                查看
            </el-button>
            <el-button
                @click="releaseMessage"
                type="primary"
                size="small"
                :disabled="showView"
            >
                释放已处理流水
            </el-button>
            <el-button
                @click="combineMessage"
                type="primary"
                size="small"
                :disabled="dealView"
            >
                已拆分/合并负数流水匹配锁定
            </el-button>
            <div style="float: right;">
                        <el-button @click="queryInfo" type="primary" size="small">
                            查询
                        </el-button>
                        <el-button @click="onResize" size="small">重置</el-button>
            </div>
        </el-row>
        <tableList
            :showIndex="false"
            :data="listDetails"
            border
            :heightMin="190"
            :loading="loading"
            :keySet="keySet"
            :autoHeight="true"
            :tableData="listDetails"
            :paginationShow="true"
            :pageNumber="pages.current"
            :pageSize="pages.size"
            :total="pages.total"
            :radioSelect="true"
            @radioHandleCurrentChange="radioHandleCurrentChange"
            @handleSizeChange="handleSizeChange"
            @rowClick="rowClick"
            @handleCurrentChange="handleCurrentChange"
        ></tableList>

        <deal-dialog ref="dealDialog"></deal-dialog>
        <view-dialog ref="viewDialog"></view-dialog>
        <combine-dialog ref="combineDialog" ></combine-dialog>
    </div> -->
</template>

<script>
// import DictSelect from '@/views/invoiceTemplate/components/DictSelect/DictSelect.vue'
// import tableList from '@/components/tableList/index.vue'
// import mixinTable from '@/mixin/mtable'
// import {
//     queryForPage,
//     focusNegativeStream,
//     releaseNegativeStream,
// } from '@/api/minusFlowManage.js'
// import SelectTreeCom from '@/components/selectTree/selectTreeCom.vue'
// import { DictCode } from '@/utils/DictConstant'
// import dealDialog from '@/views/minusFLowManage/components/dealDialog.vue'
// import viewDialog from '@/views/minusFLowManage/components/viewDialog.vue'
// import combineDialog from '@/views/minusFLowManage/components/combineDialog.vue'

export default {
    name: 'flowRecallInvoiceSearch',
    data(){
        return {}
    }
    // components: {
    //     // tableList,
    //     // DictSelect,
    //     // SelectTreeCom,
    //     // dealDialog,
    //     // viewDialog,
    //     // combineDialog,
    // },
    // computed: {
    //     DictCode() {
    //         return DictCode
    //     },
    // },
    // created() {
    //     //this.getList()
    // },
    // mixins: [mixinTable],
    // data() {
    //     return {
    //         searchParams: {
    //             input1: '',
    //             input2: '',
    //             input3: '',
    //             select1: '',
    //             select2: '',
    //             select3: '',
    //             date1: '',
    //             date2: '',
    //             jyjg:''
    //         },
    //         dealView: true,
    //         showView: true,
    //         sbrq: ['', ''],
    //         czrq: ['', ''],
    //         keySet: [
    //             {
    //                 label: '编号',
    //                 englishName: 'id',
    //                 width: '100px',
    //                 hidden: true,
    //             },
    //             {
    //                 label: '投保人',
    //                 englishName: 'tbr',
    //                 width: '100px',
    //             },
    //             {
    //                 label: '投保单号',
    //                 englishName: 'tbdh',
    //                 width: '100px',
    //             },
    //             {
    //                 label: '原业务编号',
    //                 englishName: 'ywbh',
    //                 width: '210px',
    //             },
    //             {
    //                 label: '负数业务编号',
    //                 englishName: 'fuywbh',
    //                 width: 200,
    //             },
    //             {
    //                 label: '所属机构',
    //                 englishName: 'deptName',
    //                 width: 180,
    //             },

    //             {
    //                 label: '操作人',
    //                 englishName: 'czr',
    //                 width: 100,
    //             },
    //             {
    //                 label: '操作日期',
    //                 englishName: 'czrq',
    //                 width: '180px',
    //             },
    //             {
    //                 label: '识别日期',
    //                 englishName: 'sbrq',
    //                 width: '180px',
    //             },
    //             {
    //                 label: '是否关注',
    //                 englishName: 'sfgz',
    //                 width: 'labelWidth',
    //                 formatter: (value) => {
    //                     return value === '1' ? '是' : '否'
    //                 },
    //             },
    //             {
    //                 label: '处理状态',
    //                 englishName: 'clzt',
    //                 width: '80px',
    //                 formatter: (value) => {
    //                     return value === '1' ? '已处理' : '未处理'
    //                 },
    //             },
    //             {
    //                 label: '处理类型',
    //                 englishName: 'cllxText',
    //                 width: 130,
    //             },
    //             {
    //                 label: '操作说明',
    //                 englishName: 'czsm',
    //                 width: '150px',
    //             },
    //         ],
    //         selectRow: null,
    //         listDetails: [],
    //         loading: false,

    //         pages: {
    //             current: 1,
    //             total: 0,
    //             size: 10,
    //             pagesizes: [5, 10, 15, 20],
    //         },
    //     }
    // },
    // methods: {
    //     changeCzrqDate(date) {
    //         if (date === null) {
    //             this.searchParams.czrqq = ''
    //             this.searchParams.czrqz = ''
    //         } else {
    //             this.searchParams.czrqq = this.searchParams.czrq[0]
    //             this.searchParams.czrqz = this.searchParams.czrq[1]
    //         }
    //     },
    //     changeSbrqDate(date) {
    //         if (date === null) {
    //             this.searchParams.sbrqq = ''
    //             this.searchParams.sbrqz = ''
    //         } else {
    //             this.searchParams.sbrqq = this.searchParams.sbrq[0]
    //             this.searchParams.sbrqz = this.searchParams.sbrq[1]
    //         }
    //     },
    //     queryInfo() {
    //         this.pages.current = 1
    //         //console.log(this.searchParams)
    //         this.getList()
    //     },
    //     /**
    //      * 处理按钮
    //      * 打开处理页面
    //      */
    //     dealDialog() {
    //         if (this.selectRow) {
    //           if (!this.checkJyjg(this.selectRow.jyjg)) return
    //           this.$refs.dealDialog.dealVisible = true
    //           this.$refs.dealDialog.getInvoice(this.selectRow.rdid)
    //           this.$refs.dealDialog.formData.id = this.selectRow.id
    //           this.$refs.dealDialog.formData.rdid = this.selectRow.rdid
    //           this.$refs.dealDialog.formData.ywbh = this.selectRow.ywbh
    //           this.$refs.dealDialog.formData.tbdh = this.selectRow.tbdh
    //         }
    //     },
    //     /**
    //      * 查看按钮
    //      */
    //     takeView() {
    //         if (this.selectRow) {
    //             if (!this.checkJyjg(this.selectRow.jyjg)) return
    //             this.$refs.viewDialog.viewVisible = true
    //             //获取页面选择数据的id和rdid和已处理rdid
    //             let params = {
    //                 id: this.selectRow.id,
    //                 rdid: this.selectRow.rdid,
    //                 ycl_rdid: this.selectRow.yclRdid,
    //             }
    //             this.$refs.viewDialog.getInfoForview(params)
    //         }
    //     },
    //     /**
    //      * 关注按钮
    //      *
    //      */
    //     async focusMessage() {
    //         console.log(this.selectRow)
    //         if (this.selectRow) {
    //           if (!this.checkJyjg(this.selectRow.jyjg)) return
    //           this.$confirm('此操作关注该数据, 是否继续?', '提示', {
    //             confirmButtonText: '确定',
    //             cancelButtonText: '取消',
    //             type: 'warning'
    //           }).then(async () => {
    //             this.loading = true
    //             let {data, code, message} = await focusNegativeStream(
    //                 this.selectRow.id
    //             )
    //             if (code == 200) {
    //               this.loading = false
    //               //this.$message.success(message)
    //               this.queryInfo()
    //             }
    //           }).catch(() => {
    //             this.$message({
    //               type: 'info',
    //               message: '已取消关注'
    //             });
    //           });

    //         } else {
    //           this.$message.warning('请选择一条数据')
    //         }

    //     },

    //     /**
    //      * 释放已处理流水
    //      * 判断条件：所勾选的数据仅符合“处理状态”为已处理，“处理类型”为“人工处理-其他”、“犹豫期退费”、“定期结算”、“其他”时
    //      */
    //     async releaseMessage() {
    //       let clzt = this.selectRow.clzt
    //       let cllx = this.selectRow.cllx
    //       if (this.selectRow) {
    //         if (!this.checkJyjg(this.selectRow.jyjg)) return
    //         if (
    //             cllx != '1' &&
    //             cllx != '9' &&
    //             cllx != '2' &&
    //             cllx != '3'
    //         ) {
    //           this.$message.warning(
    //               '所勾选的数据仅符合“处理状态”为已处理，“处理类型”为“人工处理-其他”、“犹豫期退费”、“定期结算”、“其他”时'
    //           )
    //           return
    //         }
    //         this.$confirm('此操作将释放该数据, 是否继续?', '提示', {
    //           confirmButtonText: '确定',
    //           cancelButtonText: '取消',
    //           type: 'warning'
    //         }).then(async () => {

    //           this.loading = true
    //           let {data, code, message} = await releaseNegativeStream({
    //                 id: this.selectRow.id,
    //                 cllx: this.selectRow.cllx,
    //                 rdid: this.selectRow.rdid,
    //                 ycl_rdid: this.selectRow.yclRdid,

    //               }
    //           )
    //           if (code == 200) {
    //             this.loading = false
    //             this.queryInfo()
    //           }
    //         }).catch(() => {
    //           this.$message({
    //             type: 'info',
    //             message: '已取消释放'
    //           });
    //         });
    //       } else {
    //         this.$message.warning('请选择一条数据')
    //       }
    //     },
    //     /**
    //      * 拆分/合并负数流水匹配锁定
    //      *
    //      */
    //     combineMessage() {
    //         this.loading = true
    //         if (this.selectRow) {
    //           if (!this.checkJyjg(this.selectRow.jyjg)) return
    //           this.$refs.combineDialog.combineLockVisible = true
    //           this.$refs.combineDialog.searchParams.jyjg = this.selectRow.jyjg
    //           this.$refs.combineDialog.formData.id = this.selectRow.id
    //           this.$refs.combineDialog.formData.rdid = this.selectRow.rdid
    //           this.$refs.dealDialog.formData.ywbh = this.selectRow.ywbh
    //           this.$refs.dealDialog.formData.tbdh = this.selectRow.tbdh
    //         }
    //     },
    //     rowClick(row) {
    //         this.selectRow = row
    //         //  按钮根据处理状态置灰
    //         if (this.selectRow.clzt == '1') {
    //             this.dealView = true
    //             this.showView = false
    //         } else {
    //             this.dealView = false
    //             this.showView = true
    //         }
    //     },
    //     radioHandleCurrentChange(row) {
    //         this.selectRow = row
    //     },
    //     handleCurrentChange(val) {
    //         this.pages.current = val
    //         this.getList()
    //     },
    //     handleSizeChange(val) {
    //         this.pages.size = val
    //         this.getList()
    //     },
    //     //校验机构是否为当前机构数据
    //     checkJyjg(val) {
    //         if (!(val === this.$store.state.user.baseInfo.deptCode)) {
    //             this.$message({
    //                 type: 'error',
    //                 message: '只能操作本机构数据！',
    //             })
    //             return false
    //         }
    //         return true
    //     },
    //     /**
    //      * 查询列表数据
    //      * @param params
    //      * @returns {Promise<void>}
    //      */
    //     async getList() {
    //         this.loading = true
    //         let { data, code, message } = await queryForPage({
    //             cllx: this.searchParams.cllx,
    //             clzt: this.searchParams.clzt,
    //             czrqq: this.searchParams.czrqq,
    //             czrqz: this.searchParams.czrqq,
    //             fuywbh: this.searchParams.fuywbh,
    //             jyjg: this.searchParams.jyjg,
    //             sbrqq: this.searchParams.sbrqq,
    //             sbrqz: this.searchParams.sbrqz,
    //             tbdh: this.searchParams.tbdh,
    //             ywbh: this.searchParams.ywbh,
    //             sfgz: this.searchParams.sfgz,
    //             pageNo: this.pages.current,
    //             pageSize: this.pages.size,
    //         })

    //         if (code == 200) {
    //             this.loading = false
    //             this.listDetails = data.records.map((item) => {
    //                 return {
    //                     ...item,
    //                 }
    //             })
    //             this.pages.total = data.total
    //             this.pages.current = data.current
    //             this.pages.size = data.size
    //         }
    //         console.log(this.listDetails)
    //     },
    //     onResize() {

    //         this.$refs.SelectTreeCom.clearableFn()
    //         this.searchParams = {
    //             input1: '',
    //             input2: '',
    //             input3: '',
    //             select1: '',
    //             select2: '',
    //             select3: '',
    //             date1: '',
    //             date2: '',
    //             jyjg: this.$store.state.user.baseInfo.deptCode
    //         }


    //         // this.getList()
    //     },
    // },
}
</script>

<style lang = "scss" scoped>
@import '@/style/variables.scss';

.con {
    ::v-deep .el-form-item--small.el-form-item {
        margin-bottom: 6px;
    }

    .diskInfoWrap {
        box-sizing: border-box;

        .head {
            display: flex;
            height: 18px;
            align-items: center;
            margin-bottom: 12px;

            .colCLas {
                width: 4px;
                height: 100%;
                background-color: $allBg;
                margin-right: 12px;
            }

            .info {
                height: 100%;
                display: flex;
                align-items: center;
            }
        }
    }
}
</style>
